<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>叮叮书店</title>
    <meta name="author" content="郭富帅">
    <meta name="ketwords" content="叮叮书店，书店，图书">
    <meta name="description" content="叮叮书店是一个销售书籍的网上书店">
    <meta name="robots" content="index,follow">
</head>
<body>
<!--页眉-->
<div id="header-wrapper">
    <!--网站logo-->
    <header class="container"></header>
    <!--导航菜单-->
    <div id="nav"></div>
</div>
<!--内容-->
<div id="contenr-wrapper" class="container">
    <!--左边内容区-->
    <article>
        <!--图片切换广告-->
        <div id="adv"></div>
        <!--本周推荐-->
        <section></section>
        <!--最近新书-->
        <section class="article-section"></section>
        <!--最近促销-->
        <section class="article-section"></section>
    </article>
    <!--右边边栏区-->
    <aside>
        <!--广告区-->
        <section id="advert"></section>
        <!--畅销图书-->
        <section id="best-selling"></section>
        <!--图书分类-->
        <section class="aside-section"></section>
        <!--合作伙伴-->
        <section class="aside-section"></section>
        <!--关于书店-->
        <section class="about"></section>
    </aside>
</div>
<!--页脚-->
<div id="footer-wrapper ">
    <footer class="container"></footer>
</div>
<!--版权-->
<section id="copyright" class="container"></section><!--container是取了一个名字，相当于 一组属性的容器，
就是类，而id只能定义一个-->
</body>
</html>